<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <title>整合bootstrap样式 DEMO</title>

    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html"/>
    <![endif]-->
    <link th:href="@{/bootstrap/css/bootstrap.min.css}"  rel="stylesheet"/>
    <link th:href="@{/css/style.css}" rel="stylesheet"/>
    <link th:href="@{/css/font-awesome.css}" rel="stylesheet" >
    <style type="text/css">
        .nav > li:hover .dropdown-menu {
            display: block;
        }
        /*右侧顶部样式*/
        .navbar-static-top {
            background: #01947A;
        }
        .navbar-static-top .navbar-right {
            height: 50px;
            line-height: 50px;
        }
        .navbar-static-top .navbar-top-links li {
            float: left;
            color: #fff;
            /*margin-left: 12px;*/
            padding-left: 18px;
        }
        .navbar-static-top .dropdown-menu li {
            color: #333;
        }
        .navbar-static-top .navbar-minimalize {
            background-color: #017663;
            border: none;
        }
        .nav>li>a:focus, .nav>li>a:hover {
            background-color: #017663;
        }
        /*新增内容*/
        .new-navbar-right-img {
            height: 40px;
            border-radius: 50%;
        }
        /*左侧logo*/
        .new-navbar-logo {
            background-color: #008069;
            height: 50px;
            line-height: 50px;
            text-align: center;
        }
        img {
            border: 0;
            width: auto;
            height: auto;
            max-width: 100%;
            max-height: 100%;
        }
        label {
            font-weight: normal;
            color: #f5f5f5;
            font-size: 15.5px;
        }

    </style>
</head>
<body class="fixed-sidebar full-height-layout gray-bg" style="overflow: hidden"
      th:classappend="skin-green">
<div id="wrapper">

    <!--左侧导航开始-->
    <nav class="navbar-default navbar-static-side" role="navigation">
        <div class="nav-close">
            <i class="fa fa-times-circle"></i>
        </div>
        <div class="new-navbar-logo">
            <label class="" >智能准入平台</label>
        </div>
        <div class="sidebar-collapse">
            <ul class="nav" id="side-menu">
                <li th:each="menu : ${menus}">
                    <a href="#">
                        <i class="fa fa fa-bar-chart-o" th:class="${menu.icon}"></i>
                        <span class="nav-label" th:text="${menu.menuName}">一级菜单</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="nav nav-second-level collapse">
                        <li th:each="cmenu : ${menu.children}">
                            <a th:if="${#lists.isEmpty(cmenu.children)}" class="menuItem" th:utext="${cmenu.menuName}"
                               th:href="@{${cmenu.url}}">二级菜单</a>
                            <a th:if="${not #lists.isEmpty(cmenu.children)}" href="#">[[${cmenu.menuName}]]<span
                                    class="fa arrow"></span></a>
                            <ul th:if="${not #lists.isEmpty(cmenu.children)}" class="nav nav-third-level">
                                <li th:each="emenu : ${cmenu.children}"><a class="menuItem" th:text="${emenu.menuName}"
                                                                           th:href="@{${emenu.url}}">三级菜单</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </nav>
    <!--左侧导航结束-->

    <!--右侧部分开始-->
    <div id="page-wrapper" class="gray-bg dashbard-1">
        <div class="row border-bottom">
            <nav class="navbar navbar-static-top" role="navigation"
                 style="margin-bottom: 0">
                <div class="navbar-header">

<!--                    <a class="navbar-minimalize minimalize-styl-2 btn btn-default " href="#" title="收起菜单">-->
<!--                        <i class="fa fa-bars"></i>-->
<!--                    </a>-->
                    <!--<form role="search" class="navbar-form-custom" method="post" action="">-->
                        <!--<div class="form-group">-->
                            <!--<input type="text" placeholder="请输入您需要查找的内容 …" class="form-control" name="top-search"-->
                                   <!--id="top-search">-->
                        <!--</div>-->
                    <!--</form>-->
                </div>
                <ul class="nav navbar-top-links navbar-right">
<!--                    <li><img class="new-navbar-right-img" src="/img/profile.jpg"/></li>-->
                    <li>lp</li>
<!--                    <li id="fullScreen" style="cursor: pointer;"><i class="fa fa-arrows-alt"></i>全屏</li>-->
                    <li style="width: 40px;cursor: pointer;">
<!--                        <div style="width: 20px;">></div>-->
                        <i class="fa fa-angle-down" style="font-size: 20px;"></i>
                        <div class="dropdown profile-element">
                            <div data-toggle="dropdown" class="dropdown-toggle" href="#">
                               <ul class="dropdown-menu animated fadeInRight m-t-xs">
                                    <li><a class="menuItem" th:href="@{/system/user/profile}">个人信息</a></li>
                                    <li class="divider"></li>
<!--                                    <li><a th:href="@{logout}">退出</a></li>-->
                                   <li><a onclick="logout()"><i class="fa fa-sign-out"></i>退出</a></li>
                                </ul>
                            </div>

                        </div>
                    </li>
                </ul>
            </nav>
        </div>
        <div class="row content-tabs">
            <button class="roll-nav roll-left tabLeft">
                <i class="fa fa-backward"></i>
            </button>
            <nav class="page-tabs menuTabs">
                <div class="page-tabs-content">
                    <a  href="javascript:;" class="active menuTab" data-id="/system/main">首页</a>
                </div>
            </nav>
            <button class="roll-nav roll-right tabRight">
                <i class="fa fa-forward"></i>
            </button>
            <div class="btn-group roll-nav roll-right">
                <button class="dropdown J_tabClose" data-toggle="dropdown">
                    页签操作<span class="caret"></span>
                </button>
                <ul role="menu" class="dropdown-menu dropdown-menu-right">
                    <li><a class="tabCloseCurrent" href="javascript:void();">关闭当前</a></li>
                    <li><a class="tabCloseOther" href="javascript:void();">关闭其他</a></li>
                    <li><a class="tabCloseAll" href="javascript:void();">全部关闭</a></li>
                </ul>
            </div>
            <a href="#" class="roll-nav roll-right tabReload"><i class="fa fa-refresh"></i> 刷新</a>
        </div>
        <div class="row mainContent" id="content-main">
            <iframe class="RuoYi_iframe" name="iframe0" width="100%" height="100%" data-id="/system/main"
                    th:src="@{/main}" frameborder="0" seamless></iframe>
        </div>
        <div class="footer">
            <!--<div class="pull-right">Copyright &copy; [[${copyrightYear}]] ZEYI Inc. All Rights Reserved.</div>-->
        </div>
    </div>
    <!--右侧部分结束-->
</div>
<!-- 全局js -->
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/bootstrap/js/bootstrap.min.js}"></script>
<!--加载动态菜单 ;展开及收缩-->
<script th:src="@{/js/jquery.metisMenu.js}"></script>
<!--可将所有固定的区域划分成滚动趋势-->
<script th:src="@{/js/slimscroll/jquery.slimscroll.min.js}"></script>
<!--调用各大js组件;达到初始化效果-->
<script th:src="@{/js/index.js}"></script>


<script>

    function logout() {
        window.location = "/logout";
    }

</script>

</body>
</html>
